@import "../base.less";

body, html, .user{
  width: 100%;
  height: 100%;
}
body {
  //background: url("https://getuikit.com/images/section-background.svg") 50% 17vh no-repeat,linear-gradient(to left top, #28a5f5, #1e87f0) 0 0 no-repeat
}
.user {
  position: relative;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  .login-action,
  .add-user{
    width: 300px;
    overflow: hidden;
    position: relative;
    input   {
      width: 98%;
      display: block;
      border: none;
      border-bottom: 1px solid #ebebeb;
      color: #000;
      outline: none;
      margin-bottom: 10px;
      padding: 8px 5px;
      font-size: 14px;
      background: #fff0;
    }
    input[type="button"] {
      border: none !important;
      color: #929292;
      font-size: 16px;
      cursor: pointer;
    }
    .icon {
      position: absolute;
      right: 9px;
      bottom: 68px;
      cursor: pointer;
      color: #929292;
      outline: none;
    }
    .send-smscode {
      position: absolute;
      right: 0;
      top: 0;
      border: 1px solid #d8d8d8;
      color: #d8d8d8;
      font-size: 13px;
      padding: 3px 5px;
      border-radius: 8px;
      background: #fff;
      cursor: pointer;
    }
  }
  .action-info{
    width: 300px;
    display: flex;
    justify-content: space-between;
    a {
      color: #d8d8d8;
      cursor: pointer;
    }
  }
}